/* This file contains a mutation of CSS Tabs 2.0, located here:
 * http://unraveled.com/projects/css_tabs/, which is licensed under Creative
 * Commons Attribution 2.5 - http://creativecommons.org/licenses/by/2.5/ 
 */

/*
 * COLORS KEY
 * light green - #cfc
 * light blue - #BFFFFF 
 * light pink - #FFE6F1
 * light orange? - #FFD9BF
 */

/******************************* MISC STUFF *********************************/
img
{
	border: 0px;
	/*vertical-align: middle;*/
}

body 
{
	font: 100% verdana, arial, sans-serif;
	background-color: #fff;
	margin-top: 20px;
	margin-right: 50px;
	margin-left: 50px;
}

.title
{
	text-align: right;
}

.footer
{
	text-align: right;
	font-size: small;
}

a:link    
{
	font: bold 11px verdana, arial, sans-serif; 
	color: #666; 
	text-decoration: none; 
}
a:visited 
{ 
	font: bold 11px verdana, arial, sans-serif; 
	color: #666; 
	text-decoration: none; 
}
a:hover   
{ 
	background-color: #cfc; 
	font: bold 11px verdana, arial, sans-serif; 
	color: #666; 
	text-decoration: underline; 
}
a:active  
{ 
	font: bold 11px verdana, arial, sans-serif; 
	color: #666; 
	text-decoration: none; 
}

/***************************** TAB STUFF ************************************/

ul#tabnavleft 
{ 
	text-align: left;
	margin: 1em 0 0 0; 
	font: bold 11px verdana, arial, sans-serif;
	border-bottom: 1px solid #BFFFFF; 
	list-style-type: none;
	padding: 3px 10px 3px 0px; 
}

ul#tabnavright
{ 
	text-align: right;     
	margin: 1em 0 0 0;  
	font: bold 11px verdana, arial, sans-serif;
	border-bottom: 1px solid #BFFFFF;  
	list-style-type: none;
	padding: 3px 0px 3px 0px; 
}

ul#tabnavleft li 
{ 
	display: inline;
}

ul#tabnavright li 
{ 
	display: inline;
}

ul#tabnavleft li a 
{ 
	padding: 3px 4px; 
	border: 1px dotted #80FFFF; 
	color: #666; 
	/*margin-right: 0px; */
	margin-right: 1px; 
	text-decoration: none;
	border-bottom: none;
}

ul#tabnavright li a 
{ 
	padding: 3px 4px; 
	border: 1px dotted #80FFFF; 
	color: #666; 
	margin-right: 0px; 
	margin-left: 1px; 
	text-decoration: none;
	border-bottom: none;
}

ul#tabnavleft a:hover 
{
	background-color: #cfc; 
}

ul#tabnavright a:hover 
{
	background-color: #cfc; 
}

ul#tabnavleft li.selected, ul#tabnavright li.selected
{ 
	border-bottom: 1px solid #fff; 
	background-color: #fff; 
}

ul#tabnavleft li.selected a, ul#tabnavright li.selected a
{ 
	background-color: #BFFFFF; 
	color: #000;
	position: relative;
	top: 1px;
	padding-top: 4px; 
}

.tabstable
{
	width: 100%;
}

#tabstable div.tabsleft
{
	width: 100%; 
	float: left;
}

#tabstable div.tabsright
{
	width: 100%; 
	float: right
}

/************************* MAIN CONTENT BOX STUFF ***************************/
.main
{
	background-color: #BFFFFF;
	/* What about this color instead? 
	 * background-color: #E8E8E8; */
	position: relative; 
	top: -1px; 
	padding: 10px;
	/*font-size: xx-small;*/
}

.main a
{
/*	font-size: xx-small;*/
}

/************************ CENTERED TABLE STUFF ******************************/

#main div.centertablewrapper
{
	width: 100%;
	text-align: center; /* removed 9/19/08 */
}

#main div.centertablewrapper table 
{
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}

#centertablewrapper table.centeredtable
{
	text-align: left;
	width: 95%;
	margin: 10px;
	border-collapse: collapse; 
}

#centertablewrapper table.centeredtable td
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 8px solid #BFFFFF; 
}

#centertablewrapper tr.row
{
	background-color: #FFD9BF;
}

#centertablewrapper tr.rowalt
{
	background-color: #FFD9BF;
}

/********************* LOGIN STUFF *********************************/

#login table.logintable
{
	background-color: #BFFFFF; 
	font-size: x-small;
	margin-top: 10px;
	border: 10px solid #BFFFFF; 
	text-align: left
}

#login table.logintable td
{	
	vertical-align: middle;
}

#login label
{
	font-size: 16px;
	letter-spacing: 1px;
}

#login input
{
	font-size:16px;
	color: #666;
	border: 0px;
}

#login input:focus
{
	color: #666;
	background: #fff;
	border: 0px;
	background-color: #cfc; 
}

#login input.submit
{
	font-size: 16px;
	font-weight: bold;
	color: #666;
	background: #fff;
	background: #FFE6F1;
	/*height: 30px;
	width: 60px;*/
	padding-top:5px;
	padding-bottom:5px;
	vertical-align: middle;
	cursor: pointer;
} 

#login input.checkbox
{
	vertical-align: middle
}
